<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%	String error = (String) session.getAttribute("error");
	session.removeAttribute("error");%>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>TiVendoIo - Registration Page</title>

    <!-- Bootstrap -->
    <link href="/serviceTechnologies/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css" rel="stylesheet">
    <link href="css/style.css" rel = "stylesheet">
    
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script type="text/javascript">
	$(document).ready(function(){
		$('#footer').load('/serviceTechnologies/common/footer.jsp');
	});
	</script>
  </head>
  <body>
 	
	<div class="container">
   
   <div id = "logo">
   		<h3><a href="index.html">TiVendoio</a></h3>
   </div>
   
    <div class="omb_login">
    	<h3 class="omb_authTitle">Register</h3>
		
		<div class="row omb_row-sm-offset-3 omb_loginOr">
			<div class="col-xs-12 col-sm-6">
				<hr class="omb_hrOr">
			</div>
		</div>

		<div class="row omb_row-sm-offset-3">
			<div class="col-xs-12 col-sm-6">	
			    <form class="omb_loginForm" action="./UserRegistration" autocomplete="off" method="POST">
			    
			    	<div class="input-group">
						<span class="input-group-addon"><i class="fa fa-user"></i></span>
						<input type="text" class="form-control" name="name" placeholder="Name">
					</div>
					<span class="help-block"></span>
					
					<div class="input-group">
						<span class="input-group-addon"><i class="fa fa-user"></i></span>
						<input type="text" class="form-control" name="surname" placeholder="Surname">
					</div>
					<span class="help-block"></span>
					
					<div class="input-group">
						<span class="input-group-addon"><i class="fa fa-envelope"></i></span>
						<input type="text" class="form-control" name="email" placeholder="Email address">
					</div>
					<span class="help-block"></span>
										
					<div class="input-group">
						<span class="input-group-addon"><i class="fa fa-lock"></i></span>
						<input  type="password" class="form-control" name="password" placeholder="Password">
					</div>
                    <span class="help-block"></span>
                    
                    <div class="input-group">
						<span class="input-group-addon"><i class="fa fa-lock"></i></span>
						<input  type="password" class="form-control" name="password_confirm" placeholder="Confirm Password">
					</div>
                    <span class="help-block"></span>
                    
                    <div class="input-group">
						<span class="input-group-addon"><i class="fa fa-home"></i></span>
						<input type="text" class="form-control" name="cap" placeholder="Cap">
					</div>
					<span class="help-block"></span>
					
                    <div class="input-group">
						<span class="input-group-addon"><i class="fa fa-home"></i></span>
						<input type="text" class="form-control" name="city" placeholder="City">
					</div>
					<span class="help-block"></span>
					
					<div class="input-group">
						<span class="input-group-addon"><i class="fa fa-home"></i></span>
						<input type="text" class="form-control" name="address" placeholder="Address">
					</div>
					<span class="help-block"></span>
					
					<div class="input-group">
						<span class="input-group-addon"><i class="fa fa-home"></i></span>
						<input type="text" class="form-control" name="payPalEmail" placeholder="PayPalEmail">
					</div>
					<span class="help-block"></span>

					<button class="btn btn-lg btn-primary btn-block" type="submit">Register</button>
				</form>
			</div>
    	</div>
		    	<br>
	</div>

	

    </div> <!-- End Container -->
 	
 	
 	<div id="footer"> 
    </div>
 	<!-- End footer -->
 	
 	<% if(error!=null){
 			if(error.equals("yes")){%>
 				<script type="text/javascript">alert("Login Error")</script>
 			<%}
 		} %>
 	
  </body>
 </html>